<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/optimization.css">
	</head>
	<body>
		<header class="header relative">
			<span class="title">优选</span>
		</header>
		<div class="banner">
			<div class="left"></div>
			<div class="right"></div>
		</div>
		<ul class="menu-list">
			<li><img src="./img/optimizition/f2.jpg" alt="">
				<div>本家推荐</div>
			</li>
			<li><img src="./img/optimizition/f3.jpg" alt="">
				<div>挑选师推荐</div>
			</li>
			<li><img src="./img/optimizition/f4.jpg" alt="">
				<div>私物推荐</div>
			</li>
			<li><img src="./img/optimizition/f5.jpg" alt="">
				<div>本家LOOK</div>
			</li>
		</ul>
		<div class="block"></div>
		<div class="select">
			<div class="title">本家甄选</div>
			<div class="select-border">
				<div class="select-banner">
					<div class="img"></div>
					<div class="main-description">叠韵滤光器，氛围造型大师</div>
					<div class="description">光笼，来自斯德哥尔摩的光晕礼赞</div>
				</div>
			</div>
			<div class="item">
				<div class="item-title">
					<div class="main-description">编织底双色鞋子 多色可选</div>
					<div class="description">透气性好，时尚感强</div>
				</div>
				<div><img src="./img/optimizition/f7.jpg" alt=""></div>
			</div>
			<div class="item">
				<div class="item-title">
					<div class="main-description">炻瓷储物罐系列</div>
					<div class="description">避光密封 坚韧耐摔 多道工序 匠心制作 拥有更久的赏味期限</div>
				</div>
				<div><img src="./img/optimizition/f8.jpg" alt=""></div>
			</div>
		</div>
		<div class="block"></div>
		<div class="clock">
			<div class="title">十点一刻</div>
			<div class="theme">
				<div class="item">
					<div class="title">
						<div class="line"></div>
						<span class="ver">今日话题</span>
						<div class="line"></div>
					</div>
					<div class="theme-title">一念之间的重要性</div>
					<div class="description">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>
				</div>
				<div class="item">
					<div class="title">
						<div class="line"></div>
						<span class="ver">今日话题</span>
						<div class="line"></div>
					</div>
					<div class="theme-title">一念之间的重要性</div>
					<div class="description">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>
				</div>
			</div>
		</div>
		<div class="block"></div>
		<div class="recommend">
			<div class="title">本家推荐</div>
			<div class="recommend-border">
				<div class="recommend-banner">
					<div class="img"></div>
					<div class="main-description">夏季出游必备</div>
					<div class="description">舒心出行，本家为你推荐的5个tips不能忘</div>
				</div>
			</div>
		</div>
		<div class="block"></div>
		<div class="look">
			<div class="title">本家LOOK</div>
			<div class="item">
				<div class="look-img">
					<div class="left"><img src="./img/optimizition/f10.jpg" alt=""></div>
					<div class="right">
						<div><img src="./img/optimizition/f11.jpg" alt=""></div>
						<div><img src="./img/optimizition/f12.jpg" alt=""></div>
					</div>
				</div>
				<div class="text">给牛仔加点火山岩</div>
			</div>
			<div class="item">
				<div class="look-img">
					<div class="left"><img src="./img/optimizition/f13.jpg" alt=""></div>
					<div class="right">
						<div><img src="./img/optimizition/f14.jpg" alt=""></div>
						<div><img src="./img/optimizition/f15.jpg" alt=""></div>
					</div>
				</div>
				<div class="text">婚纱拍照必看功课</div>
			</div>
			<div class="item">
				<div class="look-img">
					<div class="left-right">
						<img src="./img/optimizition/f16.jpg" alt="">
					</div>
				</div>
				<div class="text">夏天的清凉，多亏了这抹茶绿</div>
			</div>
			<div class="item">
				<div class="look-img">
					<div class="left"><img src="./img/optimizition/f17.jpg" alt=""></div>
					<div class="right">
						<div><img src="./img/optimizition/f18.jpg" alt=""></div>
						<div><img src="./img/optimizition/f19.jpg" alt=""></div>
					</div>
				</div>
				<div class="text">你的厨房只是少了它</div>
			</div>
			<div class="item">
				<div class="look-img">
					<div class="left-right">
						<img src="./img/optimizition/f20.jpg" alt="">
					</div>
				</div>
				<div class="text">家的精致主义</div>
			</div>
			<div class="item relative">
				<div class="look-img">
					<div class="left-right">
						<img src="./img/optimizition/f.jpg" alt="">
					</div>
				</div>
				<div class="text">收纳，让小家越住越大</div>
				<div class="logo"><img src="./img/optimizition/logo.png" alt=""></div>
			</div>

		</div>
		<footer class="footer">
			<ul class="menu">
				<li>
					<img src="./img/optimizition/bottom1.png" alt="">
					<div>首页</div>
				</li>
				<li>
					<img src="./img/optimizition/bottom2.png" alt="">
					<div>优选</div>
				</li>
				<li>
					<img src="./img/optimizition/bottom3.png" alt="">
					<div>分类</div>
				</li>
				<li>
					<img src="./img/optimizition/bottom4.png" alt="">
					<div>购物车</div>
				</li>
				<li>
					<img src="./img/optimizition/bottom5.png" alt="">
					<div>我的</div>
				</li>
			</ul>
			<div class="bottom"></div>
		</footer>
	</body>
</html>
